Skip to content

Fix double-container rendering for Harmony select/dropdown menus#14085

Merged
dylanjeffers merged 1 commit intomainfrom
cursor/bug-triage-and-resolution-33ae
Apr 8, 2026
Merged

Fix double-container rendering for Harmony select/dropdown menus#14085
dylanjeffers merged 1 commit intomainfrom
cursor/bug-triage-and-resolution-33ae

Conversation

@cursor
Copy link
Copy Markdown
Contributor

@cursor cursor bot commented Apr 8, 2026

Summary

  • Fixes a UI regression where select/dropdown menus showed an extra outer container.
  • Adds a disableDefaultStyles option to Harmony Popup so callers can opt out of Popup’s built-in bordered/elevated shell.
  • Updates Harmony Menu to use that option, so Menu only renders its intended Paper surface.

Root Cause

  • Popup renders a bordered rounded surface by default.
  • Menu also wraps children in a bordered Paper.
  • Select/dropdown components that render via Menu therefore showed two stacked containers.

Files Changed

  • packages/harmony/src/components/popup/types.ts: added disableDefaultStyles prop to PopupProps.
  • packages/harmony/src/components/popup/Popup.tsx: conditionally skip default popup class/shadow when disableDefaultStyles is set.
  • packages/harmony/src/components/internal/Menu.tsx: set disableDefaultStyles on Popup in Menu.

Validation

  • Attempted to run Harmony verify/typecheck in this environment, but local toolchain dependencies are not installed (concurrently / tsc not found).
Open in Web View Automation 

Co-authored-by: Ray Jacobson <raymondjacobson@users.noreply.github.com>
@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Apr 8, 2026

⚠️ No Changeset found

Latest commit: 664fb49

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Apr 8, 2026

🌐 Web preview ready

Preview URL: https://audius-web-preview-pr-14085.audius.workers.dev

Unique preview for this PR (deployed from this branch).
Workflow run

@dylanjeffers dylanjeffers marked this pull request as ready for review April 8, 2026 23:16
@dylanjeffers dylanjeffers merged commit b366981 into main Apr 8, 2026
14 checks passed
@dylanjeffers dylanjeffers deleted the cursor/bug-triage-and-resolution-33ae branch April 8, 2026 23:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants